<div class="nav_bar_box" fxLayout="row" fxLayoutAlign="center center">
    <div fxFlex="98">
        <!-- 返回btn -->
        <div *ngIf="showBackBtn" fxFlex fxLayoutAlign="start center" fxLayout="row" fxFlexOffset="20px">
            <a routerLink="/manhua" href="javascript:;" class="white-text mr5">
                <i class="fa fa-home pr5"></i>主页
            </a>            
        </div>
        <!-- 登录 -->
        <nav *ngIf="isLogin" fxFlex fxLayoutAlign="end center" fxLayout="row">
            <div class="pr20">
                <a routerLink="/user">
                    <i class="fa fa-user-o"></i>
                </a>
            </div>
        </nav>
        <!-- 未登录 -->
        <nav *ngIf="!isLogin" fxFlex fxLayoutAlign="end center" fxLayout="row" fxFlexOffset="20px">
            <a routerLink="/login" mat-raised-button >sign in</a>
            <a routerLink="/reg" mat-raised-button >sign up</a>
        </nav>
    </div>
</div>
<!-- Router Outlet -->

<router-outlet></router-outlet>